<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../templates/layoutAdmin.xhtml">

	<ui:define name="title"> SISCONTEG: Egresado</ui:define>
	<ui:define name="contenido">
		<h:form id="myform" prependId="false">
			<p:growl id="growl"/>
			<p:dataTable id="dtEgresados" var="egresado"
				value="#{egresadoController.listEgresados}" paginator="true"
				rows="10" selectionMode="single" rowKey="#{egresado.idEgresado}"
				selection="#{egresadoController.egresadoSeleccionado}"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="10,15,20"
				emptyMessage="No se encontraron egresados">
				<p:ajax event="rowSelect"
					listener="#{egresadoController.cargarEgresado}"
					update=":myform:opPrueba" oncomplete="wvPrueba.show();" />
				<f:facet name="header">Lista de Egresados</f:facet>

				<p:column filterBy="#{egresado.alumno.codigoAlumno}"
					headerText="Código" filterMatchMode="contains">
						#{egresado.alumno.codigoAlumno}
					</p:column>

				<p:column headerText="Apellido paterno"
					filterBy="#{egresado.alumno.apPaterno}" filterMatchMode="contains">
						#{egresado.alumno.apPaterno}
					</p:column>

				<p:column headerText="Apellido materno"
					filterBy="#{egresado.alumno.apMaterno}" filterMatchMode="contains">
						#{egresado.alumno.apMaterno}
					</p:column>

				<p:column headerText="Año de egreso"
					filterBy="#{egresado.anioEgreso}" filterMatchMode="contains">
						#{egresado.anioEgreso}
					</p:column>

			</p:dataTable>
			<p:dialog id="dlgPrueba" widgetVar="wvPrueba">
				<p:outputPanel id="opPrueba">
					<p:tabView id="tabView">

						<p:tab id="tab1" title="Experiencia Laboral">
							<p:fieldset>
								<table>
									<tr>
										<td><h:outputText value="Empresa:" /></td>
										<td><h:selectOneMenu
												value="#{egresadoController.experienciaLabEditar.empresa.idEmpresa}"
												style="width:18em;">
												<f:selectItem itemValue="0" itemLabel="Escoja una opcion" />
												<f:selectItems value="#{egresadoController.listEmpresas}"
													var="emp" itemValue="#{emp.idEmpresa}"
													itemLabel="#{emp.nombre}" />
											</h:selectOneMenu></td>
									</tr>
									<tr>
										<td><h:outputText value="Area:" /></td>
										<td><p:inputText
												value="#{egresadoController.experienciaLabEditar.area}"
												size="40" /></td>
									</tr>
									<tr>
										<td><h:outputText value="Cargo:" /></td>
										<td><p:inputText
												value="#{egresadoController.experienciaLabEditar.cargo}"
												size="40" /></td>
									</tr>
									<tr>
										<td><h:outputText value="Fecha Inicio:" /></td>
										<td><p:calendar
												value="#{egresadoController.experienciaLabEditar.fechaInicio}" /></td>
									</tr>
									<tr>
										<td><h:outputText value="Fecha Fin:" /></td>
										<td><p:calendar
												value="#{egresadoController.experienciaLabEditar.fechaFin}" /></td>
									</tr>
									<tr>
										<td colspan="2" align="center"><p:commandButton
												value="Guardar Experiencia laboral" icon="ui-icon-disk"
												actionListener="#{egresadoController.guardarExperienciaLab}"
												update="dtExpLab, :myform:growl" /></td>
									</tr>
								</table>
							</p:fieldset>
							<p:fieldset>
								<p:dataTable id="dtExpLab" var="expLab"
									value="#{egresadoController.egresado.experienciasLaborales}"
									paginator="true" rows="10" selectionMode="single"
									selection="#{egresadoController.experienciaLabSeleccionado}"
									rowKey="#{expLab.idExperienciaLaboral}"
									emptyMessage="No hay experiencia laboral"
									paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
									<p:column headerText="Empresa">
										<h:outputText value="#{expLab.empresa.nombre}" />
									</p:column>

									<p:column headerText="Area">
										<h:outputText value="#{expLab.area}" />
									</p:column>

									<p:column headerText="Cargo">
										<h:outputText value="#{expLab.cargo}" />
									</p:column>

									<p:column headerText="Desde-Hasta">
										<h:outputText
											value="#{expLab.fechaInicio} hasta #{expLab.fechaFin}" />
									</p:column>
								</p:dataTable>
							</p:fieldset>
						</p:tab>
						<p:tab id="tab2" title="Otros Estudios">
							<p:fieldset>
								<table>
									<tr>
										<td><h:outputText value="Centro de Estudios:" /></td>
										<td><p:inputText
												value="#{egresadoController.otroEstudioEditar.nomCentroEstudio}"
												size="40" /></td>
									</tr>
									<tr>
										<td><h:outputText value="Estudio:" /></td>
										<td><p:inputText
												value="#{egresadoController.otroEstudioEditar.nomEstudio}"
												size="40" /></td>
									</tr>
									<tr>
										<td><h:outputText value="Fecha Inicio:" /></td>
										<td><p:calendar
												value="#{egresadoController.otroEstudioEditar.fechaIni}" /></td>
									</tr>
									<tr>
										<td><h:outputText value="Fecha Fin:" /></td>
										<td><p:calendar
												value="#{egresadoController.otroEstudioEditar.fechaFin}" /></td>
									</tr>
									<tr>
										<td colspan="2" align="center"><p:commandButton
												icon="ui-icon-disk" value="Guardar otro estudio"
												actionListener="#{egresadoController.guardarOtroEstudio}"
												update="dtOtrEst, :myform:growl" /></td>
									</tr>
								</table>
							</p:fieldset>
							<p:fieldset>
								<p:dataTable id="dtOtrEst" var="otrEst"
									value="#{egresadoController.egresado.otrosEstudios}"
									paginator="true" rows="10" selectionMode="single"
									selection="#{egresadoController.otroEstudioSeleccionado}"
									rowKey="#{otrEst.idOtroEstudio}"
									paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
									<p:column headerText="Centro de Estudios">
										<h:outputText value="#{otrEst.nomCentroEstudio}" />
									</p:column>

									<p:column headerText="Estudio">
										<h:outputText value="#{otrEst.nomEstudio}" />
									</p:column>

									<p:column headerText="Desde-Hasta">
										<h:outputText
											value="#{otrEst.fechaIni} hasta #{otrEst.fechaFin}" />
									</p:column>
								</p:dataTable>
							</p:fieldset>
						</p:tab>
						<p:tab id="tab3" title="Certificados">
							<p:fieldset>
								<table>
									<tr>
										<td><h:outputText value="Certificado:" /></td>
										<td><h:selectOneMenu
												value="#{egresadoController.egreCertificadoEditar.certificado.idCertificado}"
												style="width:18em;">
												<f:selectItem itemValue="0" itemLabel="Escoja una opcion" />
												<f:selectItems
													value="#{egresadoController.listCertificados}" var="certif"
													itemValue="#{certif.idCertificado}"
													itemLabel="#{certif.nombre}" />
											</h:selectOneMenu></td>
									</tr>
									<tr>
										<td><h:outputText value="Fecha Emision:" /></td>
										<td><p:calendar
												value="#{egresadoController.egreCertificadoEditar.fechaEmision}" /></td>
									</tr>
									<tr>
										<td colspan="2" align="center"><p:commandButton
												icon="ui-icon-disk" value="Guardar Certificado"
												actionListener="#{egresadoController.guardarEgresadoCertificado}"
												update="dtCert, :myform:growl" /></td>
									</tr>
								</table>
							</p:fieldset>
							<p:fieldset>
								<p:dataTable id="dtCert" var="cert"
									value="#{egresadoController.egresado.egresadoCertificados}"
									paginator="true" rows="10" selectionMode="single"
									selection="#{egresadoController.egreCertificadoSeleccionado}"
									rowKey="#{cert.idEgresadoCertificado}"
									paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
									<p:column headerText="Certificado">
										<h:outputText value="#{cert.certificado.nombre}" />
									</p:column>

									<p:column headerText="Fecha Emision">
										<h:outputText value="#{cert.fechaEmision}" />
									</p:column>
								</p:dataTable>
							</p:fieldset>
						</p:tab>
						<p:tab id="tab4" title="Tesis/Tesinas">
							<p:fieldset>
								<table>
									<tr>
										<td><h:outputText value="Tipo de Tesis:" /></td>
										<td><h:selectOneRadio
												value="#{egresadoController.tesisEditar.flagTesisTesina}">
												<f:selectItem itemValue="#{false}" itemLabel="Tesis" />
												<f:selectItem itemValue="#{true}" itemLabel="Tesina" />
											</h:selectOneRadio></td>
									</tr>
									<tr>
										<td><h:outputText value="Grado de Tesis:" /></td>
										<td><h:selectOneMenu
												value="#{egresadoController.gradoTesis}" style="width:18em;">
												<f:selectItem itemValue="0" itemLabel="Escoja una opcion" />
												<f:selectItems value="#{egresadoController.listGradoTesis}"
													var="tesis" itemValue="#{tesis.idGradoTesis}"
													itemLabel="#{tesis.nombreGradoTesis}" />
											</h:selectOneMenu></td>
									</tr>
									<tr>
										<td><h:outputText value="Titulo de la Tesis/Tesina:" /></td>
										<td><p:inputText
												value="#{egresadoController.tesisEditar.titulo}" size="40" /></td>
									</tr>
									<tr>
										<td colspan="2" align="center"><p:commandButton
												icon="ui-icon-disk" value="Guardar Tesis/Tesina"
												actionListener="#{egresadoController.guardarTesis}"
												update="dtTesis, :myform:growl" /></td>
									</tr>
								</table>
							</p:fieldset>
							<p:fieldset>
								<p:dataTable id="dtTesis" var="tesis"
									value="#{egresadoController.egresado.listTesis}"
									paginator="true" rows="10" selectionMode="single"
									selection="#{egresadoController.tesisSeleccionado}"
									rowKey="#{tesis.idTesis}"
									paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
									<p:column headerText="Tesis/Tesina">
										<h:outputText value="#{tesis.titulo}" />
									</p:column>

									<p:column headerText="Tipo">
										<h:outputText value="#{tesis.gradoTesis.nombreGradoTesis}" />
									</p:column>
								</p:dataTable>
							</p:fieldset>
						</p:tab>
					</p:tabView>
				</p:outputPanel>
			</p:dialog>
		</h:form>
	</ui:define>
</ui:composition>